<template>
	<div class="city">
		<cityheader></cityheader>
		<!--<cityhot :hotCities="hotCities"></cityhot>-->
<!--		<cityalp :cities="cities"></cityalp>-->
		<cityasort :hotCities="hotCities" :cities="cities"></cityasort>
		
		
		
	</div>
</template>

<script>
	import cityheader from "./pages/header"
//	import cityhot from "./pages/hotcity"
//	import cityalp from "./pages/letter"
	import cityasort from "./pages/list"
	
	
	
	
	
	
export default{
	components:{
		cityheader,
//		cityhot,
//		cityalp,
		cityasort
		
	},
	 data (){
		return {
			hotCities:[],
			cities:{}
		}
	},
	mounted (){
      this.$http.get("/api/data/city.json")
      .then((res)=>{
			let data=res.data.data;
			this.hotCities=data.hotCities;
			this.cities=data.cities;
		})
	}

}


	
</script>

<style>
</style>
